﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>MooTools Demos - Enhanced Form</title>
	<link type="text/css" rel="Stylesheet" href="enhancedform.css" />
</head>
<body>

<form id="myForm" action="enhancedform.html" method="post">
	<fieldset>
		<legend>Contact form example</legend>
		<ul>
			<li><input type="text" name="name" class="required" title="Name" /></li>
			<li><input type="text" name="email" class="required validate-email" title="Email" /></li>
			<li><input type="text" name="phone" title="Phone" /></li>
			<li><input type="text" name="url" title="Website / blog" /></li>
			<li><textarea id="myMessage" name="message" class="required" title="Message" rows="5" cols="30"></textarea></li>
			<li>
				<label>Would you like to &lt;something&gt;?</label>
				<input type="radio" id="news_y" name="newsletter" />
				<label for="news_y">Yes</label>
				<input type="radio" id="news_n" name="newsletter" class="validate-one-required" />
				<label for="news_n">No</label>
			</li>
		</ul>

		<div><input type="submit" value="Send" /></div>

	</fieldset>

	<div id="myResult"></div>

</form>

	<script type="text/javascript" charset="utf-8" src="../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../src/demo/action/moo/plugins/enhancedform.js"></script>
</body>
</html>
